/* 首页的样式文件 */
/* 将common.less引入到首页 @import"文件名" */
@import "common";

/* 引入导航栏工具 */ 
@import "navTool";

/* 优势介绍类标题 */
.mould_box {
    margin: (24rem / @basefont) 0;
    padding: 0 (24rem / @basefont);
    box-sizing: border-box;
    width: (750rem / @basefont);
    height: (177rem / @basefont);
    /* background-color: pink; */
    .mould_title {
        height: 100%;
        width: 100%;
        /* background-color: skyblue; */
        text-align: center;
        .title {
            font-size: (40rem / @basefont);
            color: #333;
            /* background-color: red; */
        }
        .subtitle {
            /* background-color: yellow; */
            color: #666;
            font-size: (30rem / @basefont);
        }
    }
}
/* banner部分 */
.banner {
    position: relative;
    top: (105rem / @basefont);
    width: (750rem / @basefont);
    height: (512rem / @basefont);
    // background-color: pink;
    overflow: hidden;
    .focus {
        box-sizing: border-box;
        position: absolute;
        top:0;
        left: -(750rem / @basefont);
        height: 100%;
        // background-color: skyblue;
        a {
            // display: block;
            float: left;
            // width: (750rem / @basefont);
            // height: (512rem / @basefont);
            div{
                width: (750rem / @basefont);
                height: (512rem / @basefont);
                img{
                    width: auto;
                    height: 100%;
                }
            }
            
            // div {
            //     height: 100%;
            //     width: 100%;
            //     background:url('../upload/focus.jpg') no-repeat;
            //     /* background-size: (770rem / @basefont) auto; */
            //     /* background-size: auto (512rem / @basefont); */
            //     background-size: (750rem / @basefont) (512rem / @basefont);
            //     background-position: center center;
            // }
            // .focus_pic {
            //     background:url('../upload/focus.jpg') no-repeat;
            //     background-size: auto (512rem / @basefont);
            //     background-position: left center;
            // }
            // .focus_pic_one {
            //     background:url('../upload/focus1.jpg') no-repeat;
            //     background-size: auto (512rem / @basefont);
            // }
            // .focus_pic_two {
            //     background:url('../upload/focus2.jpg') no-repeat;
            //     background-size: auto (512rem / @basefont);
            // }
            // .focus_pic_three {
            //     background:url('../upload/focus3.jpg') no-repeat;
            //     background-size: auto (512rem / @basefont);
            // }
        }
    }
    .bannerBall {
        position: absolute;
        bottom: 0;
        height: (45rem / @basefont);
        width: 100%;
        /* background-color: skyblue; */
        ul {
            display: flex;
            justify-content: center;
            align-items: center;
            li {
                display: block;
                float: left;
                margin: 0 (5rem / @basefont);
                height: (17rem / @basefont);
                width: (17rem / @basefont);
                border-radius: (17rem / @basefont / 2);
                background-color: rgba(170,170,170,.5); 
            }
            .current {
                background-color: #fff;
            }
        }
    }
}
/* 主导航部分 */
.local_nav {
    margin-top: ((105+23rem) / @basefont);
    padding: (12rem / @basefont);
    /* padding-bottom: 0; */
    box-sizing: border-box;
    width: (750rem / @basefont);
    height: (562rem / @basefont);
    background-color: #fff;
    .local_nav_inside {
        position: relative;
        /* background-color: skyblue; */
        a{
            display: block;
        }
        .pageIndex {
            position: absolute;
            left: 0;
            top: 0;
            margin-right: (12rem / @basefont);
            height: (375rem / @basefont);
            width: (350rem / @basefont);
            background: url('../upload/nav.jpg') no-repeat;
            background-size: auto (375rem / @basefont);
            background-position: (-150rem / @basefont);
            .pageIndex_cover {
                z-index: 2;
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                width: 100%;
                background: rgba(41, 41, 41, 0.2);
                .pic_word {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-direction: column;
                    /* background-color: purple; */
                    height: (180rem / @basefont);
                    width: (120rem / @basefont);
                    text-align: center;
                    color: #fff;
                    .pageIndex_pic_word_pic {
                        font-family: 'icomoon';
                        font-size: (60rem / @basefont);
                        /* background-color: red; */
                    }
                    .pageIndex_pic_word_word {
                        font-size: (30rem / @basefont);
                    }
                }
            }
            
        }

        /* ===========阴影 字体图标 字=========== */
        .cover {
            height: 100%;
            width: 100%;
            background: rgba(41, 41, 41, 0.2);
            .cover_PW {
                text-align: center;
                color: #fff;
                height: ((100rem) / @basefont);
                width: (120rem / @basefont);
               /*  background-color: purple; */
                .cover_P {
                    font-family: 'icomoon';
                    font-size: (50rem / @basefont);
                }
                .cover_W {
                    font-size: (20rem / @basefont);
                }
            }
        }
        
        /* (((375-12rem )/ @basefont)) */
        .partOne {
            display: flex;
            flex-direction: column;
            position: absolute;
            right: 0;
            top: 0;
            width: ((750-24-350-12rem)/ @basefont);
            height: (375rem / @basefont);
            .partOne_one {
                flex: 1;
                display: flex;
                .adv {
                    flex: 1;
                    margin-right: (12rem / @basefont);
                    margin-bottom: (12rem / @basefont);
                    background: url('../upload/nav1.jpg') no-repeat;
                    background-size: auto ((375rem - 12) / @basefont /2);
                    background-position: (-15rem / @basefont);
                }
                .videoP {
                    flex: 1;
                    margin-bottom: (12rem / @basefont);
                    background: url('../upload/nav2.jpg') no-repeat;
                    background-size: auto ((375rem - 12) / @basefont /2);
                    background-position: (-15rem / @basefont);
                }
            }
            .partOne_two {
                flex: 1;
                display: flex;
                .news {
                    flex: 1;
                    margin-right: (12rem / @basefont);
                    background: url('../upload/nav3.jpg') no-repeat;
                    background-size: auto (375rem / @basefont /2);
                    background-position: (-15rem / @basefont);
                }
                .contactAs {
                    flex: 1;
                    background: url('../upload/nav4.jpg') no-repeat;
                    background-size: auto (375rem / @basefont /2);
                    background-position: (-15rem / @basefont);
                }
            }
        }
        .partTow {
            display: flex;
            flex-direction: row;
            position: absolute;
            left: 0;
            top: ((375rem+12) / @basefont);
            height: ((550rem-375-24) / @basefont);
            width: 100%;
            /* background-color: skyblue; */
            .aboutAs {
                margin-right: (12rem / @basefont);
                background: url('../upload/nav5.jpg') no-repeat;
                background-size: (365rem / @basefont) auto;
                background-position: (-15rem / @basefont);
                width: (350rem / @basefont);
            }
            .Partners {
                width: ((350rem+12) / @basefont);
                background: url('../upload/nav6.jpg') no-repeat;
                background-size: (365rem / @basefont) auto;
                background-position: 0 (-5rem / @basefont);
            }
        }
    }
}
/* 优势介绍 Advantage_box */
.Advantage_box {
    border-top: (0.5rem / @basefont) solid rgb(245, 245, 245);
    height: (237rem / @basefont);
    width: (750rem / @basefont);
    background-color: #fff;
    .mould_box {
        .mould_title {
            .title {
                margin-bottom: (15rem / @basefont);
            }
            .subtitle {
                margin-bottom: (20rem / @basefont);
            }
        }
    }
}
/* 优势分类 Advantage_part */
.Advantage_part {
    height: (268rem / @basefont);
    width: (750rem / @basefont);
    background-color: #fff;
    .part_box {
        height: 100%;
        width: 100%;
        /* padding-top: (12rem / @basefont); */
        box-sizing: border-box;
        /* background-color: skyblue; */
        .part_box_list {
            display: flex;
            /* flex-direction: column; */
            height: 100%;
            width: 100%;
            /* background-color: purple; */
            text-align: center;
            li {
                height: 100%;
                    width: 100%;
                a{
                    flex-direction: column;
                    height: 100%;
                    width: 100%;
                    /* background-color: red; */
                    font-size: (45rem / @basefont);
                    div {
                        border-radius: (125rem / @basefont / 2);
                        height: (125rem / @basefont);
                        width: (125rem / @basefont);
                        background-color: rgb(2, 178, 181);
                        line-height: (125rem / @basefont);
                        font-family: 'icomoon';
                        color: #fff;
                    }
                    span {
                        margin-top: (19rem / @basefont);
                        font-size: (30rem / @basefont);
                        color: #333;
                    }
                    .fontbig {
                        font-size: (50rem / @basefont);
                    }
                }
            }
        }
    }
}
/* 服务体系 Service_system*/
.Service_system {
    margin-top: (23rem / @basefont);
    padding-top: (24rem / @basefont);
    height: (295rem / @basefont);
    width: (750rem / @basefont);
    background-color: #fff;
    .mould_box {
        margin-top: 0;
        height: ((295rem-24) / @basefont);
        position: relative;
        .mould_title {
            /* position: absolute;
            top: (60rem / @basefont);
            left: 0; */
            display: flex;
            flex-direction: column;
            .title {
                flex: 1;
            }
            .subtitle {
                flex: 1;
            }
            line {
                flex: 1;
            }
        }
    }
}
/* 服务体系分类 */
.Service_system_part {
    /* margin-top: (36rem / @basefont); */
    position: relative;
    width: (750rem / @basefont);
    height: ((863+36rem) / @basefont);
    background-color: #fff;
    .system_part_box {
        position: absolute;
        top: (36rem / @basefont);
        height: 100%;
            width: 100%;
        .system_part {
            /* display: flex; */
            height: 100%;
            width: 100%;
            li {
                flex: 1;
                margin-bottom: (24rem / @basefont);
                /* background-color: yellow; */
                a {
                    height: 100%;
                    width: 100%;
                    flex-direction: column;
                    div {
                        height: (197rem / @basefont);
                        width: 100%;
                        /* background-color: palevioletred; */
                        img {
                            height: 100%;
                            width: 100%;
                        }
                    }
                    span {
                        margin-top: (20rem / @basefont);
                        font-size: (30rem / @basefont);
                        color: rgb(102, 102, 102);
                    }
                }
            }
            .system_part_one {
                /* flex: 1; */
                float: left;
                display: flex;
                flex-direction: column;
                margin-left: (25rem / @basefont);
                margin-right: (15rem / @basefont);
                width: ((750-50-30rem) / @basefont / 2);
                /* li {
                    flex: 1;
                    margin-bottom: (24rem / @basefont);
                    background-color: red;
                } */
            }
            .system_part_two {
                /* flex: 1; */
                float: right;
                display: flex;
                flex-direction: column;
                margin-left: (15rem / @basefont);
                margin-right: (25rem / @basefont);
                width: ((750-50-30rem) / @basefont / 2);
            }
        }
    }
    
}
/* 关于我们 */
.aboutasPart {
    margin-top: (23rem / @basefont);
    padding: (36rem / @basefont);
    padding-bottom: 0;
    box-sizing: border-box;
    height: (1278rem / @basefont);
    width: (750rem / @basefont);
    background-color: #fff;
    text-align: center;
    .aboutasPart_out {
        .aboutasPart_in {
            .ourPic {
                overflow: hidden;
                border-radius: (15rem / @basefont);
                height: ((464rem) / @basefont);
                width: 100%;
                /* background-color: skyblue; */
                img {
                    height: 100%;
                    width: 100%;
                }
            }
            .aboutasPart_in_page {
                margin-top: (24rem / @basefont);
                padding-top: (62rem / @basefont);
                /* background-color: orange; */
                color: #666;
                .aboutasPart_in_title {
                    margin-bottom: (62rem / @basefont);
                    /* background-color: orangered; */
                    span {
                        font-size: (40rem / @basefont);
                        font-weight: bolder;
                    }
                }
                .aboutasPart_in_word {
                    margin-bottom: (50rem / @basefont);
                    font-size: (32.5rem / @basefont);
                }
                .aboutasPart_more {
                    float: left;
                    margin-bottom: (46rem / @basefont);
                    width: 100%;
                    font-size: (32.5rem / @basefont);
                    color: rgb(2, 178, 181);
                }
                .aboutasPart_in_pic {
                    float: left;
                    width: 100%;
                    height: (188rem / @basefont);
                    /* background-color: orangered; */
                    img {
                        height: 100%;
                        width: auto;
                    }
                }
            }
        }
    }
}
/* 成功案例 */
.success {
    height: ((237+467+24rem) / @basefont);
    .success_in {
        margin-top: (24rem / @basefont);
        padding-top: (24rem / @basefont);
        height: (237rem / @basefont);
        width: (750rem / @basefont);
        background-color: #fff;
        .mould_box {
            position: relative;
            margin-top: 0;
            .mould_title {
                .subtitle {
                    line-height: (60rem / @basefont);
                    span {
                        display: block;
                        color: #666;
                    }
                }
            }
            .line {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: (-65rem / @basefont);
            }
        }
    }
    .success_pic {
        position: relative;
        /* border-top: (0.5rem / @basefont) solid rgb(245, 245, 245); */
        height: (467rem / @basefont);
        width: 100%;
        background-color: #fff;
        .success_pic_in {
            padding: (36rem / @basefont) 0;
            height: 100%;
            width: 100%;
            overflow: hidden;
            .success_pic_in_box {
                position: relative;
                height: ((467-36*2rem )/ @basefont);
                /* background-color: pink; */
                ul {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    height: 100%;
                    width: (296rem / @basefont)*4;
                    a {
                        flex: 1;
                        padding-left: (24rem / @basefont);
                        /* background-color: skyblue; */
                        li {
                            position: relative;
                            display: block;
                            border-radius: (10rem / @basefont);
                            box-shadow: rgb(0 0 0 / 10%) 0px 0.025rem 0.3rem 0px;
                            height: 100%;
                            background-color: #fff;
                            overflow: hidden;
                            img {
                                position: absolute;
                                bottom: 0;
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}
/* 新闻资讯部部分 */
.newsInformation {
    position: relative;
    margin-top: (23rem / @basefont);
    height: (600rem / @basefont);
    width: (750rem / @basefont);
    background-color: #fff;
    .news_out {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        /* background-color: skyblue; */
        .news_in {
            margin-top: (24rem / @basefont);
            /* padding-top: (24rem / @basefont); */
            height: (237rem / @basefont);
            width: (750rem / @basefont);
            background-color: #fff;
            /* .title {
                margin-bottom: (15rem / @basefont);
            } */
            .subtitle {
                line-height: (60rem / @basefont);
                a {
                    color: rgb(2, 178, 181);
                }
            }
        }
        .news_pic {
            img {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                display: block;
                width: (588rem / @basefont);
            }
        }
    }
}
